<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<#include "/include/head_common.html">
<title>登录</title>
<style type="text/css">
html, body, table {
	background-color: #f5f5f5;
	width: 100%;
	text-align: center;
}
.form-signin-heading {
	font-family: Helvetica, Georgia, Arial, sans-serif, 黑体;
	font-size: 36px;
	margin-bottom: 20px;
	color: #0663a2;
}
.form-signin {
	position: relative;
	text-align: left;
	width: 300px;
	padding: 25px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .checkbox {
	margin-bottom: 10px;
	color: #0663a2;
}

.form-signin .input-label {
	font-size: 16px;
	line-height: 23px;
	color: #999;
}

.form-signin .input-block-level {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px;
	*width: 283px;
	*padding-bottom: 0;
	_padding: 7px 7px 9px 7px;
}

.form-signin .btn.btn-large {
	font-size: 16px;
}

.form-signin #themeSwitch {
	position: absolute;
	right: 15px;
	bottom: 10px;
}

.form-signin div.validateCode {
	padding-bottom: 15px;
}

.mid {
	vertical-align: middle;
}

.header {
	height: 80px;
	padding-top: 20px;
}

.alert {
	position: relative;
	width: 300px;
	margin: 0 auto;
	*padding-bottom: 0px;
}

label.error {
	background: none;
	width: 270px;
	font-weight: normal;
	color: inherit;
	margin: 0;
}
</style>
<script type="text/javascript">
	function init() {
		$("#loginForm").validate({
			messages : {
				username : {
					required : "请填写用户名."
				},
				password : {
					required : "请填写密码."
				}
			},
			errorLabelContainer : "#messageBox",
			errorPlacement : function(error, element) {
				error.appendTo($("#loginError").parent());
			}
		});
		$('#username').focus();
	}
	$(document).ready(function(){
		init();
	});
</script>
</head>
<body>
	<div class="header">
		<#if message??>
		<div id="messageBox" class="alert alert-error">
			<button data-dismiss="alert" class="close">×</button>
			<label id="loginError" class="error">${message}</label>
		</div>
		</#if>
	</div>
	<h1 class="form-signin-heading">管理后台</h1>
	<form id="loginForm" class="form-signin" action="/login" method="post">
		<input type="hidden" name = "from" value="${from!''}"/>
		<label class="input-label" for="username">登录名</label>
		<input type="text" id="username" name="username" class="input-block-level required" value="${username!''}" /> 
		<label class="input-label" for="password">密码</label> 
		<input type="password"id="password" name="password" class="input-block-level required" />
		<input class="btn btn-large btn-primary" type="submit" value="登 录" />&nbsp;&nbsp;
		<label for="rememberMe" title="下次不需要再登录"> 
		<input type="checkbox" id="rememberMe" name="rememberMe" /> 记住我（公共场所慎用）</label>
		<div id="themeSwitch" class="dropdown">
			<a class="dropdown-toggle" data-toggle="dropdown" href="#">${currentTheme}<b
				class="caret"></b></a>
			<ul class="dropdown-menu">
				<#list themes as dict>  
					<li><a href="#"onclick="location='/theme/${dict.value}?url='+location.href">${dict.label}</a>
					</li>
				</#list>  
			</ul>
		</div>

	</form>
	<div class="footer">
		Copyright &copy; 2012-2030 wolfking-cloud-jeesite - Powered By <a
			href="http://git.oschina.net/wolfking" target="_blank">wolfking</a>
	</div>
</body>
</html>